﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    BuscarConsumoAgua
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<link href="<%: Url.Content("~/Content/jquery-ui.css") %>" rel="stylesheet" type="text/css" />   
    <link href="<%: Url.Content("~/Content/jPages.css") %>" rel="stylesheet" type="text/css" /> 
    <script src="<%: Url.Content("~/Scripts/jPages.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/Validaciones.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/ConsumoAgua.js") %>" type="text/javascript"></script>
<div id="Buscar">
<h2>BuscarConsumoAgua</h2><br />
                <br/><br/>
                <label for="filtrar">Realize una busqueda:</label>
                <br/><br/>
                <label for="RegLblEdificio">Edificio: </label>
                <select id="BscSctEdificio" onchange="cargarPisosModificar()" class="text ui-widget-content ui-corner-all"></select>
                <br/><br/>
                <label for="RegLblPiso" >Piso: </label>
                <select id="BscSctPiso" onchange="cargarDepartamentosModificar()" class="text ui-widget-content ui-corner-all"></select>
                <br/><br/>
                <label for="RegLblDepartamento">Departamento: </label>
                <select id="BscSctDepartamento" class="text ui-widget-content ui-corner-all"></select>

                <br/><br/>
                <label for="BscLblPeriodoInicial">Periodo Inicial</label>
                <br/><br/>
                <label for="RegLblDescripcionPeriodo">Anio:</label>
                <select id="BscSctAnioInicial" class="text ui-widget-content ui-corner-all">
                    <option></option>
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                </select>
                <br/><br/>
                <label for="RegLblDescripcionPeriodo">Mes:</label>
                <select id="BscSctMesInicial" class="text ui-widget-content ui-corner-all">
                    <option></option>
                    <option value="01">Enero</option>
                    <option value="02">Febrero</option>
                    <option value="03">Marzo</option>
                    <option value="04">Abril</option>
                    <option value="05">Mayo</option>
                    <option value="06">Junio</option>
                    <option value="07">Julio</option>
                    <option value="08">Agosto</option>
                    <option value="09">Setiembre</option>
                    <option value="10">Octubre</option>
                    <option value="11">Noviembre</option>
                    <option value="12">Diciembre</option>
                </select>

                <br/><br/>
                <label for="BscLblPeriodoFinal">Periodo Final: </label>

                <br/><br/>
                <label for="RegLblDescripcionPeriodo">Anio:</label>
                <select id="BscSctAnioFinal" class="text ui-widget-content ui-corner-all">
                    <option></option>
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                </select>
                <br/><br/>
                <label for="RegLblDescripcionPeriodo">Mes:</label>
                <select id="BscSctMesFinal" class="text ui-widget-content ui-corner-all">
                    <option></option>
                    <option value="01">Enero</option>
                    <option value="02">Febrero</option>
                    <option value="03">Marzo</option>
                    <option value="04">Abril</option>
                    <option value="05">Mayo</option>
                    <option value="06">Junio</option>
                    <option value="07">Julio</option>
                    <option value="08">Agosto</option>
                    <option value="09">Setiembre</option>
                    <option value="10">Octubre</option>
                    <option value="11">Noviembre</option>
                    <option value="12">Diciembre</option>
                </select>

                <br/><br/>
                <input type="submit" id="BscBtnBuscarConsumoAgua" value="Buscar" class="submit-button" />
                <input type="submit" id="BscBtnCancelarConsumoAgua" value="Cancelar" class="submit-button" />
                <br/><br/>
</div>
             
<div id="divTabla" align="center">
        <div id = "tablaDinamicaConsumoAgua"></div>
        <div class="holder" id="holderConsumoAgua"></div>
</div>
<br/>
<div id= "botonesSeleccion">
   <input type="submit" id = "ModBtnAbrirModificarConsumoAgua" value="Modificar" />
   <input type="submit" id = "ModBtnEliminarConsumoAgua" value="Eliminar" class="submit-button" />
</div>

<div id="dialog-form" title="MODIFICAR CONSUMO DE AGUA">
   <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>

   <fieldset>
        <label for="ModLblDescId_Consumo">Id_Consumo: </label>
        <label id="ModLblId_Consumo"></label>
        <br/><br/>
        <label for="ModLblDescEdificio">Edificio: </label>
        <label id="ModLblEdificio"></label>
        <br/><br/>
        <label for="ModLblDescDepartamento">Departamento: </label>
        <label id="ModLblDepartamento"></label>
        <br/><br/>
        <label for="ModLblDescAnio">Anio: </label>
        <label id="ModLblAnio"></label>
        <br/>
        <br/>
        <label for="ModLblDescMes">Mes: </label>
        <label id="ModLblMes"></label>
        <br/>
        <br/>
        <label for="ModLblDescRegistroInicio">Registro Inicial: </label>
        <label id="ModLblRegistroInicio"></label>
        <br/>
        <br/>
        <label for="ModLblRegistroFin">Registro Final: </label>
        <input type="text" id="ModTbxRegistroFin" class="text ui-widget-content ui-corner-all" maxlength="6"/>
        <label class="errorLabel" id="errorModTbxRegistroFin"></label>
   </fieldset>
</div>
</asp:Content>
